page{
  width: 100vw;
}

.wrap{
  width: 100%;
  .content{
    margin: 30rpx;
    border-radius: 20rpx;
    background-color: #D9F4FF;

    .header {
      margin: 0 45rpx;
      padding-bottom: 50rpx;
    }
    .icon-wrap{
      padding: 60rpx 0 30rpx;
      .success-icon{
        font-size: 120rpx;
        margin: auto;
      }
    }
    .body{
      padding: 40rpx 60rpx;
      border-radius: 0 0 20rpx 20rpx;
    }
    .item{
      margin-top: 20rpx;
      .title{
        .icon{
          width: 8rpx;
          height: 36rpx;
          margin-right: 12rpx;
          border-radius: 8rpx;
        }
      }
      .detail{
        border-radius: 5px;
        padding: 20rpx;

        .item{
          position: relative;
          padding-left: 150rpx;
          .title{
            position: absolute;
            left: 0;
          }
          .text-content{
            text-align: left;
          }
        }
      }
    }

    .footer{
      padding: 30rpx 60rpx;
      .item{
        border-radius: 58rpx;
        padding: 6rpx 0;

        &.selected{
          background-color: #f75353;
          color: white;
        }
      }
    }
  }

  .confirm{
    margin: 30rpx 20rpx;
    border-radius: 5px;
    line-height: 90rpx;
  }
}
